/**
### 练习1：实现一个简单的左菜单右侧内容布局加一个头部

**要求：**
1. 左侧菜单栏，右侧内容区域
2. 左侧菜单栏包含一个二级菜单
一级菜单：day1
二级菜单：task1, task2, task3
3. 右侧内容区域显示选中的task的内容
4. 头部区域显示标题 + 用户信息
5. 用户信息：name: 张三, age: 20, email: zhangsan@example.com，password: 12345678
6. 要求使用 createContext 实现状态管理

const Layout: React.FC = () => {
    return (
        <div>
            <Header />
            <Menu />
            <Content />
        </div>
    );
};

进阶挑战：
1、实现一个简单的登录页面，
登录成功后展示Layout组件
登录表单项为用户名、密码 
密码错误2次后增加验证码表单项

2、通过自己实现的状态管理，
实现简单的换皮肤功能

拓展任务：
1、了解react-router，接入react-router实现页面跳转
2、了解zustand，接入zustand实现状态管理
*/